﻿<UserControl x:Class="Iris.UI.Vignette"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="160" d:DesignWidth="140" >
    <UserControl.Resources>
        <Canvas x:Key="icone_etoile" Width="40" Height="40" x:Shared="False" >
            <Polygon Fill="Gray" Points="40.7838937805431,14.4152245372461 29.0561602543413,23.5414073775609 33.2264895324356,37.8044821024835 20.922904908156,29.4708903024464 8.64661736768429,37.8446416195153 12.7703174126207,23.5680157984102 1.01282517884798,14.4802040007754 15.8649965903078,13.9903557987052 20.874754307845,2.79073356779236E-05 25.9302010019303,13.9739108902334"  />
        </Canvas>
    </UserControl.Resources>

    <Canvas Width="140" Height="160"  >
        <Rectangle Fill="Beige" Canvas.Left="6" Canvas.Top="7" Width="128" Height="128" />
        <Image Name="Apercu"   Width="128" Height="128" Stretch="UniformToFill" Canvas.Left="6" Canvas.Top="7"></Image>
        <Rectangle Fill="Black" Canvas.Left="6" Canvas.Top="134" Width="128" Height="20" />
        <Label Name="Score" Content="4565 Iris"  FontWeight="Normal"  FontSize="8" Foreground="#FFFFFFC0" Canvas.Left="6" Canvas.Top="134" Height="19" Width="18" />

        <Viewbox Stretch="Fill" Canvas.Left="30" Canvas.Top="135" Height="20" Width="100">
            <StackPanel Orientation="Horizontal">
                <ContentControl Name="Etoile1" Content="{StaticResource icone_etoile}" />
                <ContentControl Name="Etoile2" Content="{StaticResource icone_etoile}" />
                <ContentControl Name="Etoile3" Content="{StaticResource icone_etoile}" />
                <ContentControl Name="Etoile4" Content="{StaticResource icone_etoile}" />
                <ContentControl Name="Etoile5" Content="{StaticResource icone_etoile}" />
            </StackPanel>
        </Viewbox>
        <CheckBox Name="CheckBox" ClickMode="Press" Click="CheckBox_Click" Height="178" Width="159" Canvas.Left="-10" Canvas.Top="-9">
            <CheckBox.Template>
                <ControlTemplate TargetType="CheckBox">
                        <Image x:Name="_image" Source="/Irys;component/Images/disable.png"  />
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsChecked" Value="True">
                            <Setter TargetName="_image" Property="Source" Value="/Iris;component/Images/enable.png" />
                        </Trigger>
                        <Trigger Property="IsChecked" Value="False">
                            <Setter TargetName="_image" Property="Source" Value="/Iris;component/Images/disable.png" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </CheckBox.Template>
        </CheckBox>
        
    </Canvas>
    
</UserControl>
